﻿
<!doctype html>
<html>
<head>
<title>Profile Login Form Flat Responsive widget Template :: cssmoban</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Unique Login Form Widget Responsive, Login form web template,Flat Pricing tables,Flat Drop downs  Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- font files  -->
<link href='//fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<!-- /font files  -->
<!-- css files -->
<link href="css/animate-custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style2.css" rel='stylesheet' type='text/css' media="all" />
<!-- /css files -->
</head>
<body>

<div class="header">
	<h1>时光   桌游社</h1>
</div>
<div class="content">	
	<section>				
        <div id="container_demo" >
            <a class="hiddenanchor" id="toregister"></a>
            <a class="hiddenanchor" id="tologin"></a>
            <div id="wrapper">
				<div id="login" class="animate form">
					<div class="content-img">
						<img src="images/g1.jpg" alt="img" class="w3l-img">
					</div>
                    <form  action="/visiter/login" autocomplete="on" method="get">
                        <h2>登录</h2>
                        <p> 
							<label for="account" class="uname" data-icon="u" > 账号 </label>
                            <input id="account" name="account" required="required" type="text" placeholder="你的账号"/>
                        </p>
						<p> 
                            <label for="password" class="youpasswd" data-icon="p"> 密码 </label>
							<input id="password" name="password" required="required" type="password" placeholder="密码" />
                        </p>
                        <p class="keeplogin"> 
							<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
							<label for="loginkeeping">记住 密码</label>
						</p>
                        <p class="login button">
                            <input type="submit" value="登录" id="logOn-btn"/>
						</p>
                        <p class="change_link">
							没有账号 ?
							<a href="#toregister" class="to_register">注册</a>
						</p>
                    </form>
                </div>
				<div id="register" class="animate form">
					<div class="content-img">
						<img src="images/g1.jpg" alt="img" class="w3l-img">
					</div>
                    <form  action="#" autocomplete="on" method="post"> 
                        <h2> 注册</h2>
                        <p> 
                            <label for="usernamesignup" class="uname" data-icon="u">账号</label>
                            <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="账号" />
						</p>
                        <p> 
                            <label for="emailsignup" class="youmail" data-icon="e" >邮箱</label>
                            <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="邮箱"/>
                        </p>
                        <p> 
							<label for="passwordsignup" class="youpasswd" data-icon="p">密码 </label>
                            <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="密码"/>
                        </p>
                        <p> 
							<label for="passwordsignup_confirm" class="youpasswd" data-icon="p">确认密码 </label>
                            <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="密码"/>
                        </p>
                        <p class="signin button"> 
							<input type="text" value="注册"/>
						</p>
                        <p class="change_link">  
							注册好了？
							<a href="#tologin" class="to_register">去登录</a>
						</p>
                    </form>
                </div>
			</div>
        </div>  
    </section>
</div>
<div class="footer">

</div>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>

<!--<script type="text/javascript" src="js/jquery.js">-->
<!--    $("#logOn-btn").click(function(){-->
<!--        ajax1();-->
<!--    })-->

<!--    function ajax1(){-->

<!--        $.ajax({-->
<!--            type:"GET",-->
<!--            url:"visiter/login",-->
<!--            dataType:"json",-->
<!--            data:{-->
<!--                "account":$("#username").val(),-->
<!--                "password":$("#password").val()-->
<!--            },-->
<!--            success:function(SysResult){-->
<!--                if(SysResult.status == 200){-->
<!--                    window.location.href="localhost:8080/index";-->
<!--                }else if(SysResult.status == 100){-->
<!--                    window.location.href="localhost:8080/index1";-->
<!--                }-->
<!--            },-->
<!--            error:function(){-->
<!--                alert("网络故障");-->
<!--            }-->
<!--        });-->

<!--    }-->


<!--</script>-->
</body>
</html>